import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'

const state = {
  token: getToken(),
  userInfo: {}
}

const mutations = {
  // 设置token
  seToken(state, data) {
    state.token = data // 设置token,只是修改state的数据
    setToken(data)
  },
  // 删除缓存
  removeToken(state) {
    state.token = null
    removeToken()
  },

  // 设置用户getUserInfo
  setUserInfo(state, data) {
    state.userInfo = { ...data }
    // console.log('999', state.userInfo)
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}

const actions = {
  async login(store, data) {
    // 本来请求应该在页面当中调用
    // 如果想要封装公用方法
    // 就可以放在action
    // 页面再调用这个action即可
    const res = await login(data)
    // 注意上面的    这个↑↑ 是引用过来的api方法
    console.log('这里是store/modules/user.js发起的请求')
    console.log(res)
    store.commit('seToken', res)
    setTimeStamp()
  },

  // 获取用户getUserInfo
  async getUserInfo(store) {
    // 1.发请求
    const res = await getUserInfo()
    // console.log('这里是新的', res)
    // 调用api，获取用户id号
    const detail = await getUserDetailById(res.userId)
    const data = {
      ...res,
      ...detail
    }
    // 2.调用mutations 存在state里面
    store.commit('setUserInfo', data)
    console.log(data)
    return data
  },

  // 用户退出登录
  logout(store) {
    resetRouter()
    // console.log(store)
    store.commit('removeToken')
    store.commit('removeUserInfo')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
